import React, { Component } from 'react';
import './App.css';
import NavigationBar from "./components/NavigationBar";
import ShowBoard from "./components/ShowBoard";
import Inputs from './components/Input'
import Content from './components/content'

class App extends Component {
  constructor(props){
    super(props)
    this.state = {
      message:""
    }
  }

  receiveMessage=(message)=>{
    console.log(message);
    this.setState({
      message:message
    })
  }

  render() {
    return (
      <div className="App">
        <NavigationBar title={"这是一个标题"} isShowBack={true}
        rightIcon={require("./assets/bianji.png")}
        rightTitle="编辑"
        onClickRightButton={this.receiveMessage}/>
        <ShowBoard  message={this.state.message}/>
        <Inputs />
        <Content/>
      </div>
    );
  }
}

export default App;
